 <{extends file="<{$tempdir}>/public/site.html"}>   
<{block name=extendjs}>
<script src="<{$siteurl}>/templates/<{$tempdir}>/public/js/artDialog.min.js" type="text/javascript"></script>

<{/block}>
<{block name=extendcss}> 
<link type="text/css" rel="stylesheet" href="<{$siteurl}>/templates/<{$tempdir}>/public/css/huoche.css" />
<link type="text/css" rel="stylesheet" href="<{$siteurl}>/templates/<{$tempdir}>/public/css/idialog.css" /> 
<style>
#focus ul {
width: 100%;
}
#focus ul li.on {
display: block;
}
#focus ul li {
float: left;
width: 100%;
overflow: hidden;
display: none;
background-position: center center;
background-repeat: no-repeat;
}
.wrap_app_main .app_main {
width: 1010px;
margin: 0
auto;
}
.app_category dd {
width: 197px;
height: 104px;
background: url(<{$siteurl}>/templates/<{$tempdir}>/public/images/icon_img.jpg) 0 -485px no-repeat;
float: left;
}
.app_category {
padding: 40px 20px;
background: url(<{$siteurl}>/templates/<{$tempdir}>/public/images/app_line.jpg) 0 bottom no-repeat;
}
.app_category dt li {
width: 217px;
height: 104px;
float: left;
padding-left: 40px;
}
.app_category dt li.category_02 a:hover {
background-position: -242px -110px;
}
.app_category dt li.category_02 a {
background-position: -242px 0;
}
.app_category dt li a{
height: 104px;
display: block;
background: url(<{$siteurl}>/templates/<{$tempdir}>/public/images/icon_img.jpg) 0 0 no-repeat;
}
.app_category dt li.category_01 a {
background-position: 0 0;
}
.app_category dt li.category_03 a {
background-position: -484px 0;
}
.app_pop_up dd
.down {
height: 46px;
line-height: 46px;
margin-bottom: 40px;
}
.d-title {
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
}
.d-title {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 22px;
text-align: left;
text-indent: -999em;
font-size: 0;
}
.app_pop_up dd{
width: 350px;
float: left;
padding-top: 20px;
border-right: #f4f4f4 solid 1px;
margin-top: 20px;
}
.app_pop_up dt{
padding-left: 380px;
}
.app_pop_up dt .code{
width: 137px;
height: 182px;
padding: 35px
40px 0;
background: url(<{$siteurl}>/templates/<{$tempdir}>/public/images/icon_img.jpg) -252px -501px no-repeat;
text-align: center;
}
.app_pop_up dd .down a{
width: 159px;
height: 46px;
display: inline-block;
background: url(<{$siteurl}>/templates/<{$tempdir}>/public/images/icon_img.jpg) 0 -601px no-repeat;
margin-left: 20px;
}
</style>
<{/block}>
<{block name=sitetitle}><{$mapname}>-附近商家列表<{/block}>
 <{block name=bodylist}>
 
 
 
 
 

<div class="wrap_app_slide" style="height:537px;">

  <div class="app_slide" id="focus" style="position: relative;width:100%; height: 537px;overflow: hidden;">

    <ul>

      <li style="height:537px;background:url(<{$siteurl}>/templates/<{$tempdir}>/public/images/app1.jpg) center 0 no-repeat;"></li>
    </ul>

  </div>

</div>

<div class="wrap_app_main">

  <div class="app_main">

    <dl class="app_category clearfix">

      <dd></dd>

      <dt>

        <ul>

			
		    <li class="category_02"><a href="javascript:void(0)"  id="android" title="android" rel="nofollow"></a></li>
          <li class="category_01"><a href="javascript:void(0)"  id="iphone"  title="iphone" rel="nofollow"></a></li>

       

          <li class="category_03"><a href="javascript:void(0)"  id="wap"  title="wap" rel="nofollow"></a></li>

        </ul>

      </dt>

    </dl>

    <div id="iphone_content" style="display:none">

	    <div class="app_pop_up clearfix">

	      
	      <dl>

	        <dd>

	          <div class="down" style="margin-top:40px;margin-left:0px;"><span style="margin-right:20px;" class="fl">直接搜索公众号</span><font class="fl">waimairen001</font></div>

	        

	        </dd>

	        <dt>

	          <div class="code"><img src="<{$siteurl}>/templates/<{$tempdir}>/public/images/weixin_down.png" width="137" height="137" />微信扫描二维码访问</div>

	        </dt>

	      </dl>


	    </div>

	</div>

	 <div id="android_content" style="display:none">

	    <div class="app_pop_up clearfix">

	      <dl>

	        <dd>

	          <div class="down" style="margin-top:40px;margin-left:40px;"><span class="fl">直接下载</span><a href="javascript:void();" rel="nofollow" ></a></div>

	        

	        </dd>

	        <dt>

	          <div class="code"><img src="<{$siteurl}>/templates/<{$tempdir}>/public/images/android_down.png" width="137" height="137" />手机扫描二维码下载</div>

	        </dt>

	      </dl>

	    </div>

	</div>

	 <div id="wap_content" style="display:none">

	    <div class="app_pop_up clearfix">

	      <dl>

	        <dd>

	          <div class="down" style="margin-top:20px;margin-left:0px;"><span class="fl">直接访问</span><em class="fl">手机浏览器输入</em><br /><font class="fl"><a target="_blank" style="background:none;font-size: 32px;
color: #F93;" href="<{$siteurl}>"><{$siteurl}></a></font></div>

	        

	        </dd>

	        <dt>

	          <div class="code"><img src="<{$siteurl}>/templates/<{$tempdir}>/public/images/wap_down.png" width="137" height="137" />手机扫描二维码访问</div>

	        </dt>

	      </dl>

	    </div>

    </div>



  </div>

</div>



<script type="text/javascript">

$(document).ready(function(){

	var dialog;

	$("#iphone,#android,#wap").live('click',function(){

		var id = $(this).attr('id');

		dialog = art.dialog({

			id:"dialog_"+id ,

		    fixed: true,

			zIndex:999,

			padding:0,

			lock: true,

			title:"",

			content: $("#"+id+"_content").html()

		});

		return false;

	});

	$('#iphone_btn').live('click',function() {

		var tel = $("#iphone_tel").val();

	    if(tel=='') {

	    	alert("请填写手机号！");

	        return false;

	    }

	    var reg = /^13[0-9]{9}|15[012356789][0-9]{8}|18[0256789][0-9]{8}|147[0-9]{8}$/ ;  //电话正则

	    if(!reg.test(tel)) {

	    	alert("请填写正确的手机号！");

	        return false;

	    }

	    $("#iphone_btn").attr("disabled","disabled");

	    $.ajax({

	        type : 'POST',

	        url  : '/php/x2/www/sendsms.php',

	        data : {'mobile':tel,'type':'iphone'},

	        dataType : 'json',

	        success : function(data) {

	            if(data.status == -1) {

	                alert(data.msg);

	                $("#iphone_btn").removeAttr("disabled");

	            } else {

	               alert("发送成功，请注意查收！");

	               setTimeout(function(){ dialog.close();}, 2000); 

	            }

	        },

	        error : function() {

	            alert('发送失败，请重试！');

	            $("#iphone_btn").removeAttr("disabled");

	        }

	    });

	     return false;

	});

	$('#android_btn').live('click',function() {

		var tel = $("#android_tel").val();

	    if(tel=='') {

	    	alert("请填写手机号！");

	        return false;

	    }

	    var reg = /^13[0-9]{9}|15[012356789][0-9]{8}|18[0256789][0-9]{8}|147[0-9]{8}$/ ;  //电话正则

	    if(!reg.test(tel)) {

	    	alert("请填写正确的手机号！");

	        return false;

	    }

	    $("#android_btn").attr("disabled","disabled");

	    $.ajax({

	        type : 'POST',

	        url  : '/php/x2/www/sendsms.php',

	        data : {'mobile':tel,'type':'android'},

	        dataType : 'json',

	        success : function(data) {

	            if(data.status == -1) {

	                alert(data.msg);

	                $("#android_btn").removeAttr("disabled");

	            } else {

	               alert("发送成功，请注意查收！");

	               setTimeout(function(){ dialog.close();}, 2000); 

	            }

	        },

	        error : function() {

	            alert('发送失败，请重试！');

	            $("#android_btn").removeAttr("disabled");

	        }

	    });

	     return false;

	});

	$('#wap_btn').live('click',function() {

		var tel = $("#wap_tel").val();

	    if(tel=='') {

	    	alert("请填写手机号！");

	        return false;

	    }

	    var reg = /^13[0-9]{9}|15[012356789][0-9]{8}|18[0256789][0-9]{8}|147[0-9]{8}$/ ;  //电话正则

	    if(!reg.test(tel)) {

	    	alert("请填写正确的手机号！");

	        return false;

	    }

	    $("#wap_btn").attr("disabled","disabled");

	    $.ajax({

	        type : 'POST',

	        url  : '/php/x2/www/sendsms.php',

	        data : {'mobile':tel,'type':'wap'},

	        dataType : 'json',

	        success : function(data) {

	            if(data.status == -1) {

	                alert(data.msg);

	                $("#wap_btn").removeAttr("disabled");

	            } else {

	               alert("发送成功，请注意查收！");

	               setTimeout(function(){ dialog.close();}, 2000); 

	            }

	        },

	        error : function() {

	            alert('发送失败，请重试！');

	            $("#wap_btn").removeAttr("disabled");

	        }

	    });

	     return false;

	});

});



</script>

<script type="text/javascript">

$(function() {

	var len = $("#focus ul li").length; //获取焦点图个数

	var index = 0;

	var picTimer;

	

	//以下代码添加数字按钮

	var btn = "<div class='btn'>";

	for(var i=0; i < len; i++) {

		btn += "<span></span>";

	}

	btn += "</div>";

	$("#focus").append(btn);

	//为小按钮添加鼠标滑入事件，以显示相应的内容

	$("#focus .btn span").mouseenter(function() {

		index = $("#focus .btn span").index(this);

		showPics(index);

	}).eq(0).trigger("mouseenter");



	

	//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放

	$("#focus").hover(function() {

		clearInterval(picTimer);

	},function() {

		picTimer = setInterval(function() {

			showPics(index);

			index++;

			if(index == len) {index = 0;}

		},5000); //此5000代表自动播放的间隔，单位：毫秒

	}).trigger("mouseleave");

	

	//显示图片函数，根据接收的index值显示相应的内容

	function showPics(index) { //普通切换

		$("#focus ul li").removeClass("on").eq(index).addClass("on");

		$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果

	}

});

</script>
 
 
<{/block}>